<template>
    <el-row class="h-full bg-[#ffffff]">
        <el-col class="h-full" :xl="2" :lg="3" :md="4" :sm="5" :xs="6">
            <aside class="menu flex flex-col h-full py-4">
                <h6 class="text-center font-bold text-xl pb-4">
                    智能柜管理系统
                </h6>
                <el-scrollbar wrap-class=" flex-1">
                    <custom-menu></custom-menu>
                </el-scrollbar>
            </aside>
        </el-col>

        <el-col
            class="h-full bg-[#f0f0f0]"
            :xl="22"
            :lg="21"
            :md="18"
            :sm="19"
            :xs="18"
        >
            <linear-fade-in-box />
        </el-col>
    </el-row>
</template>


<script setup>
import CustomMenu from '@/components/menu/CustomMenu.vue'
import LinearFadeInBox from '@/components/transition/LinearFadeInBox.vue'
</script>
<style>
.menu {
    border-right: 1px solid var(--el-menu-border-color);
}
</style>